<template>
  <div class="write">
      <van-field
        readonly
        clickable
        :value="value"
        @touchstart.native.stop="show = true"
      />
    <van-number-keyboard
      v-model="value"
      :show="show"
      :maxlength="6"
      @blur="show = false"
    />
    <p>
      <img src="../../images/wx/3.jpg" alt="" />
    </p>
    <img src="../../images/wx/4.jpg" alt="" class="tx" />
     <button @click="$router.push('../success')">跳转</button>
  </div>
 
</template>
 
<script>
export default {
  data() {
    return {
      show: false,
      value: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.write {
  width: 100%;
  height: 100%;
  position: absolute;
  p {
    width: 90%;
    height: 20%;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    img {
      width: 68%;
      height: 75%;
    }
  }
  .tx {
    width: 20%;
    height: -20%;
    margin-top: 10px;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(90%, -130%);
  }
}
</style>
